<script lang="ts" setup>

defineProps({
  size: {
    type: String,
    required: false,
    default: () => '16'
  },
  color: {
    type: String,
    required: false,
    default: () => 'currentColor'
  }
})

</script>

<template>
  <svg :height="size" :width="size" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
    <path :fill="color"
          d="M512 571.050667a34.133333 34.133333 0 0 1-24.234667-59.050667L841.728 159.061333a34.133333 34.133333 0 1 1 48.128 48.128L536.234667 560.810667a34.133333 34.133333 0 0 1-24.234667 10.24z"
    ></path>
    <path :fill="color"
          d="M573.781333 590.848A80.213333 80.213333 0 0 1 460.458667 477.866667l136.533333-136.533334a68.266667 68.266667 0 0 0 0-96.256L512 159.061333a34.133333 34.133333 0 0 0-24.234667-9.898666H260.778667a136.533333 136.533333 0 0 0-136.533334 136.533333v502.442667a136.533333 136.533333 0 0 0 136.533334 136.533333h502.442666a136.533333 136.533333 0 0 0 136.533334-136.533333v-226.986667a34.133333 34.133333 0 0 0-9.898667-24.234667l-82.602667-82.602666a68.266667 68.266667 0 0 0-96.256 0z m122.538667 198.656H327.68a34.133333 34.133333 0 1 1 0-68.266667h368.64a34.133333 34.133333 0 0 1 0 68.266667z"
    ></path>
  </svg>
</template>

<style lang="scss" scoped>

</style>
